home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / zymic 078 / style.css < prev   
Cascading Style Sheet File  |  2006-05-28  |  4KB  |  216 lines
  1. html {
  2.     font-family: Arial, Helvetica, sans-serif;
  3.     font-size: 12px;
  4.     background-color: #282828;
  5.     color: #383838;
  6.     text-align: center;
  7. }
  8.  
  9. body {
  10.     margin: 20px auto 0 auto;
  11.     text-align: left;
  12.     width: 703px;
  13.     background-color: #282828;
  14.     color: #383838;
  15. }
  16.  
  17. html > body {
  18.     background: #282828 url(images/bg.gif) repeat-y center;
  19. }
  20.  
  21. div#container {
  22.     background: #282828 url(images/bg.gif) repeat-y center;
  23.     width: 703px;
  24. }
  25.  
  26. ul#topnav {
  27.     margin: 0;
  28.     padding: 0;
  29.     height: 33px;
  30.     background: #282828 url(images/top_nav_right_bg.gif) no-repeat bottom right;
  31. }
  32.  
  33. ul#topnav li {
  34.     list-style-type: none;
  35.     float: left;
  36.     display: block;
  37.     margin: 0;
  38.     padding: 0;
  39. }
  40.  
  41. ul#topnav li.bigtab {
  42.     background: #282828 url(images/top_nav_large_tab.gif) no-repeat;
  43.     height: 24px;
  44.     width: 131px;
  45.     padding: 9px 0 0 0;
  46.     text-align: center;
  47.     font-size: 14px;
  48.     font-weight: bold;
  49.     color: #f15f10;
  50. }
  51.  
  52. ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
  53.     background: #282828 url(images/top_nav_small_tab.gif) no-repeat;
  54.     height: 23px;
  55.     width: 131px;
  56.     padding: 10px 0 0 0;
  57.     text-align: center;
  58.     font-size: 14px;
  59.     color: #515151;
  60.     text-decoration: none;
  61.     display: block;
  62. }
  63.  
  64. ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
  65.     background: #282828 url(images/top_nav_small_tab_hover.gif) no-repeat;
  66.     color: inherit;
  67.     height: 23px;
  68.     width: 131px;
  69.     padding: 10px 0 0 0;
  70.     text-align: center;
  71.     font-size: 14px;
  72.     display: block;
  73. }
  74.  
  75. ul#statsbar {
  76.     background: #282828 url(images/stats_bar.gif) no-repeat;
  77.     height: 39px;
  78.     width: 703px;
  79.     margin: -3px 0 0 0;
  80.     padding: 0;
  81.     color: #fff;
  82. }
  83.  
  84. body > ul#statsbar {
  85.     margin: 0;
  86. }
  87.  
  88. ul#statsbar li {
  89.     list-style-type: none;
  90.     float: left;
  91.     display: block;
  92.     margin: 0;
  93.     padding: 11px 0 0 0;
  94. }
  95.  
  96. ul#statsbar li#comments {
  97.     padding-left: 35px;
  98. }
  99.  
  100. #statsbar li#hits {
  101.     padding-left: 45px;
  102. }
  103.  
  104. #statsbar li#online {
  105.     padding-left: 45px;
  106. }
  107.  
  108. div#left  {
  109.     width: 218px;
  110.     float: left;
  111.     background-color: #fff;
  112.     color: inherit;
  113. }
  114.  
  115. div#left h2 {
  116.     font-size: 12px;
  117.     font-weight: normal;
  118.     background-color: inherit;
  119.     color: #fff;
  120.     margin: 0;
  121.     padding: 12px 0 0 15px;
  122.     background-image: url(images/left_content_header.gif);
  123.     height: 25px;
  124.     width: 203px;
  125. }
  126.  
  127. ul#leftnav { 
  128.     margin: 0;
  129.     padding: 0;
  130. }
  131.     
  132. ul#leftnav li {
  133.     list-style-type: none;
  134.     display: block;
  135.     margin: 0;
  136.     background-image: url(images/left_nav_link_bg.gif);
  137. }
  138.  
  139. ul#leftnav li a:link, ul#leftnav li a:visited {
  140.     background-color: inherit;
  141.     color: #000;
  142.     text-decoration: none;
  143.     display: block; 
  144.     height: 22px;
  145.     padding: 6px 0 0 20px;
  146. }
  147.  
  148. ul#leftnav li a:hover, ul#leftnav li a:active {
  149.     background-image: url(images/left_nav_link_bg_hover.gif);
  150.     display: block;
  151.     height: 22px;
  152. }
  153.  
  154. #news {
  155.     margin: 0;
  156.     padding: 10px;
  157. }
  158.  
  159. div#right {
  160.     width: 485px;
  161.     float: right;
  162.     background-color: #fff;
  163.     color: inherit;
  164. }
  165.  
  166. div#right h2 {
  167.     font-size: 12px;
  168.     font-weight: normal;
  169.     color: #f9ffff;
  170.     margin: -3px 0 0 0;
  171.     background: #fff url(images/main_content_header.gif) no-repeat;
  172.     height: 25px;
  173.     width: 470px;
  174.     padding: 12px 0 0 15px;
  175. }
  176.  
  177. div#container > div#right h2 {
  178.     margin: 0;
  179. }
  180.  
  181. div#maincontent {
  182.     width: 485px;
  183. }
  184. div#maincontent p {
  185.     margin: 0;
  186.     padding: 10px 10px 10px 5px;
  187. }
  188.  
  189. a:link,a:visited {
  190.     color: #fa6627;
  191.     text-decoration: none;
  192. }
  193.  
  194. a:hover, a:active {
  195.     color: #383838;
  196. }
  197.  
  198. h3 {
  199.     margin: 5px 0px 0px 0px;
  200.     padding: 5px 0px 5px 5px;
  201.     width: 475px;
  202.     background: #f0f0f0;
  203. }
  204.  
  205. p#footer {
  206.     clear: both;
  207.     width: 701;
  208.     height: 26px;
  209.     padding: 10px 0px 0px 0px;
  210.     background: #383838;
  211.     border: 1px solid #fff;
  212.     border-top: 0;
  213.     color: #fff;
  214.     text-align: center;
  215.     margin: 0;
  216. }